<template>
	<view>
	<view style="background-color: #F95738;height: 60rpx;padding-top: 140rpx;">
		<van-tabs color="#F95738" type="card" animated>
		  <van-tab style="font-size: 10rpx;" title="医疗政策">
			  <view class="main">
				  <image  src="/static/image1.png" style="width: 100%;display: inherit;margin-top: 250rpx;"></image>
				  <image  src="/static/play.png" style="height: 100rpx;width: 100rpx;float: left;margin-top: -300rpx;margin-left: 45%;"></image>
			  </view>
			  <view class="function">
			  	<image class="like" src="/static/like.png"></image>
				><image class="music" src="/static/music.png"></image>
			  </view>
			  <view class="comment">
				  <view class="text-1">@新华视点</view>
				  <view @click="gotodetail1" class="text-2">新冠疫苗作用多大？为何启动序贯加强免疫？权威解读来了</view>
			  </view>
		  </van-tab>
		  <van-tab title="福利">内容 2</van-tab>
		  <van-tab title="养生">内容 3</van-tab>
		</van-tabs>
<view style="background-color: #F95738;width: 100%;
		height: 120rpx;
		position:fixed;
		bottom: 0;
		display:flex;
		flex-direction:row;
		justify-content:flex-start;">
			<view @click="gotohome" id="button1">
			<image src="/static/home.png" style="width: 60rpx;height: 60rpx;margin-left: 50rpx;margin-top: 10rpx;"></image>
			<view style="margin-left: 47rpx;font-weight: 900;">首页</view>
			</view>
			<view @click="gotorepost" id="button2">
			<image src="/static/repsot.png" style="width: 60rpx;height: 60rpx;margin-left: 230rpx;margin-top: 10rpx;"></image>
			<view style="margin-left: 190rpx;font-weight: 900;">一键转发</view>
			</view>
			<view @click="gotomy" id="button3">
			<image src="/static/my.png" style="width: 60rpx;height: 60rpx;margin-left: 230rpx;margin-top: 10rpx;"></image>
			<view style="margin-left: 230rpx;font-weight: 900;">我的</view>
			</view>
		</view>
	</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			gotovideo1(){
				uni.navigateTo({
					url:"/pages/video1/video1"
				})
			},
			gotohome(){
				uni.navigateTo({
					url:"/pages/index/index"
				})
			},
			gotorepost(){
				uni.navigateTo({
					url:"/pages/repost/repost"
				})
			},
			gotomy(){
				uni.navigateTo({
					url:"/pages/my/my"
				})
			},
			gotodetail1(){
				uni.navigateTo({
					url:"/pages/detail1/detail1"
				})
			}
			
		}
	}
</script>

<style>
page{
	background-color: #383838;
}
.comment{
margin-top: 100rpx;
width: 65%;
}
.text-1{
	font-size: 40rpx;
	color: white;
	font-weight: 800;
}
.text-2{
	font-size: 35rpx;
	color: white;
	font-weight: 600;
}
.function{
	display: flex;
	flex-direction: column;
	float: right;
}
.like{
	width: 100rpx;
	height: 100rpx;
}
.music{
	margin-top: 20rpx;
	width: 100rpx;
	height: 100rpx;
}
</style>
